<template>
    <div>
        <el-breadcrumb :separator-icon="ArrowRight">
            <el-breadcrumb-item>系统管理</el-breadcrumb-item>
            <el-breadcrumb-item>角色管理</el-breadcrumb-item>
        </el-breadcrumb>
        <el-button type="primary" @click="add" round>添加</el-button>
        <content />
        <tost ref="addtost" />
    </div>

</template>
<script lang="ts" setup>
import { ArrowRight } from '@element-plus/icons-vue'
import { ref } from 'vue'
import content from './content.vue'
import tost from './tost.vue'

const addtost = ref<any>('addtost')

function add() {
    addtost.value.addtost()
}

</script>
<style scoped>
.el-button {
    margin: 10px 0px;
}
</style>
